<div class="time-option-dt">
  <div class="row  type-part">
    <div class="col col-25">
      <ion-icon name="ios-arrow-back" (click)="setTime(-1)"></ion-icon>
    </div>
    <div class="col">
      <span [ngClass]="{ selected: timeType === 0 }" (click)="setType(0)"
        >日</span
      >
    </div>
    <div class="col">
      <span [ngClass]="{ selected: timeType === 1 }" (click)="setType(1)"
        >月</span
      >
    </div>
    <!-- <div class="col">
      <span [ngClass]="{ selected: timeType === 2 }" (click)="setType(2)"
        >年</span
      >
    </div> -->
    <div class="col col-25">
      <ion-icon
        name="ios-arrow-forward"
        (click)="setTime(1)"
        *ngIf="canAdd"
      ></ion-icon>
    </div>
  </div>
  <div class="option-part text-left">
    <span class="title">{{ titles.left }}</span>
    <span class="show-time">{{ datenowStr | TimeFormat: timeType }}</span>
    <span class="title" style="float: right">{{ titles.right }}</span>
  </div>
</div>
